<!DOCTYPE html>
<html lang="en">
<head>
	
	<!-- start: Meta -->
	<?php echo $this->headTitle() ?>
   	<?php echo $this->headMeta() ?>
   	<?php echo $this->headLink() ?>
   	<?php echo $this->headScript() ?>
   	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="CACHE-CONTROL" content="no-Store"/>
	<!-- end: Meta -->
	
	<!-- start: Mobile Specific -->
	<meta name="viewport" content="width=device-width, initial-scale=1"/>   
	<!-- end: Mobile Specific -->	

	<!-- start: Favicon -->
	<link rel="shortcut icon" href="<?php echo $this->imgUrl; ?>/favicon.ico">
	<!-- end: Favicon -->
</head>

<body>    
    <div id="overlay">
		<ul>
		  <li class="li1"></li>
		  <li class="li2"></li>
		  <li class="li3"></li>
		  <li class="li4"></li>
		  <li class="li5"></li>
		  <li class="li6"></li>
		</ul>
	</div>	
	<!-- start: Header -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a class="brand" href="/user/index"> <img alt="Perfectum Dashboard" src="<?php echo $this->imgUrl; ?>/logo20.png" /> <span class="hidden-phone">Perfectum Dashboard</span></a>
								
				<!-- start: Header Menu -->
				<div class="nav-no-collapse header-nav">
					<ul class="nav pull-right">
                        <li>
							<a href="/user/user/info">
								<span>Chào bạn: <?php echo $this->user['user_name']; ?></span>
							</a>
						</li>
						<!-- start: User Dropdown -->
						<li class="dropdown">
							<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
								<i class="icon-user icon-white"></i>
								<span class="caret"></span>
							</a>
							<ul class="dropdown-menu">
								<li><a href="/user/user/info"><i class="icon-user"></i> Profile</a></li>
								<li><a href="/user/index/logout"><i class="icon-off"></i> Logout</a></li>
							</ul>
						</li>
						<!-- end: User Dropdown -->
					</ul>
				</div>
				<!-- end: Header Menu -->
				
			</div>
		</div>
	</div>
	<!-- start: Header -->
	
	<div class="container-fluid">
		<div class="row-fluid">
				
			<!-- start: Main Menu -->
			<div class="span2 main-menu-span">
				<div class="nav-collapse sidebar-nav">
					<ul class="nav nav-tabs nav-stacked main-menu">
						<li><a href="/user/index"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
						<li>
							<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet">Profile Management</span></a>
							<ul>
								<li><a class="submenu" href="/user/user/info"><i class="fa-icon-file-alt"></i><span class="hidden-tablet">Profile Information</span></a></li>
                                <li><a class="submenu" href="/user/user/edit-info"><i class="fa-icon-file-alt"></i><span class="hidden-tablet">Edit Profile</span></a></li>
                                <?php if($this->user['type_user'] == NORMAL_USER){ ?>
								<li><a class="submenu" href="/user/user/change-password"><i class="fa-icon-file-alt"></i><span class="hidden-tablet">Change Password</span></a></li>
                                <?php } ?>
							</ul>	
						</li>
					</ul>
				</div><!--/.well -->
			</div><!--/span-->
			<!-- end: Main Menu -->
			
			<noscript>
				<div class="alert alert-block span10">
					<h4 class="alert-heading">Warning!</h4>
					<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
				</div>
			</noscript>
			
			<div id="content" class="span10">
			<!-- start: Content -->
            <?php echo $this->layout()->content; ?>
			<!-- end: Content -->
			</div><!--/#content.span10-->
		</div><!--/fluid-row-->
        
        <div class="modal hide fade" id="myModal">
        	<div class="modal-header">
        		<button type="button" class="close" data-dismiss="modal">×</button>
        		<h3>Confirm</h3>
        	</div>
        	<div class="modal-body">
        		<p>Bạn có chắc chắn muốn xóa không ?</p>
        	</div>
        	<div class="modal-footer">
        		<a href="#" class="btn" data-dismiss="modal">Không</a>
        		<a href="#" class="btn btn-primary" id="agree_button">Có</a>
        	</div>
        </div>
		
		<div class="clearfix"></div>
		
		<footer>
			<p>
				<span style="text-align:left;float:left">&copy; <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
				<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
			</p>

		</footer>
				
	</div><!--/.fluid-container-->

	<!-- start: JavaScript-->
	<script src="/templates/user/js/jquery-migrate-1.0.0.min.js"></script>
	
		<script src="/templates/user/js/jquery.ui.touch-punch.js"></script>
	
		<script src="/templates/user/js/bootstrap.min.js"></script>
	
		<script src="/templates/user/js/jquery.cookie.js"></script>
	
		<script src='/templates/user/js/fullcalendar.min.js'></script>
	
		<script src='/templates/user/js/jquery.dataTables.min.js'></script>

		<script src="/templates/user/js/excanvas.js"></script>
	<script src="/templates/user/js/jquery.flot.min.js"></script>
	<script src="/templates/user/js/jquery.flot.pie.min.js"></script>
	<script src="/templates/user/js/jquery.flot.stack.js"></script>
	<script src="/templates/user/js/jquery.flot.resize.min.js"></script>
	
		<script src="/templates/user/js/jquery.chosen.min.js"></script>
	
		<script src="/templates/user/js/jquery.uniform.min.js"></script>
		
		<script src="/templates/user/js/jquery.cleditor.min.js"></script>
	
		<script src="/templates/user/js/jquery.noty.js"></script>
	
		<script src="/templates/user/js/jquery.elfinder.min.js"></script>
	
		<script src="/templates/user/js/jquery.raty.min.js"></script>
	
		<script src="/templates/user/js/jquery.iphone.toggle.js"></script>
	
		<script src="/templates/user/js/jquery.uploadify-3.1.min.js"></script>
	
		<script src="/templates/user/js/jquery.gritter.min.js"></script>
	
		<script src="/templates/user/js/jquery.imagesloaded.js"></script>
	
		<script src="/templates/user/js/jquery.masonry.min.js"></script>
	
		<script src="/templates/user/js/jquery.knob.js"></script>
	
		<script src="/templates/user/js/jquery.sparkline.min.js"></script>

		<script src="/templates/user/js/custom.js"></script>
		<!-- end: JavaScript-->
	
</body>
</html>